.cafe-busis-toolsbar {
    position: absolute;
    top: 0;
    width: 100%;
    height: 45px;
    z-index: 10001;
    background-color: rgba(0, 96, 214, 0.8);
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left {
    float: left;
    margin: 0 0 0 20px;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li.icon-menu {
    float: left;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0 3px;
    line-height: 42px;
    padding: 0 5px;
    cursor: pointer;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li:before {
    content: ' ';
    width: 16px;
    height: 16px;
    float: left;
    margin: 13px 4px 0 2px;
    background: url(images/cafe-toolsbar/icon-menu.png) center;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li:hover {
    color: #fff;
    border-bottom: solid 3px #ffc001;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li:hover:before {
    background: url(images/cafe-toolsbar/icon-menu-hover.png) center;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li.active {
    color: #fff;
    border-bottom: solid 3px #ffc001;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li.active:before {
    background: url(images/cafe-toolsbar/icon-menu-hover.png) center;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-right {
    float: right;
    margin: 0;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-right ul li {
    float: left;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 44px;
    padding: 0 3px;
    cursor: pointer;
    border-left: 1px solid #1f6cc7;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-right ul li:before {
    content: ' ';
    width: 16px;
    height: 16px;
    float: left;
    margin: 13px 4px 0 2px;
}
.icon-dial:before {
    background: url(images/cafe-toolsbar/icon-dial.png) center;
}

.icon-dial.active:before,
.icon-dial:hover:before {
    background: url(images/cafe-toolsbar/icon-dial-hover.png) center;
}
.icon-draw:before {
    background: url(images/cafe-toolsbar/icon-draw.png) center;
}

.icon-draw.active:before,
.icon-draw:hover:before {
    background: url(images/cafe-toolsbar/icon-draw-hover.png) center;
}

.icon-warnset:before {
    background: url(images/cafe-toolsbar/icon-warnset.png) center;
}

.icon-warnset.active:before,
.icon-warnset:hover:before {
    background: url(images/cafe-toolsbar/icon-warnset-hover.png) center;
}

.icon-eleconfig:before {
     background: url(images/cafe-toolsbar/icon-ele-cfg.png) center;
 }

.icon-eleconfig.active:before,
.icon-eleconfig:hover:before {
    background: url(images/cafe-toolsbar/icon-ele-cfg-hover.png) center;
}
.icon-eleconfig:before {
    background: url(images/cafe-toolsbar/icon-ele-cfg.png) center;
}

.icon-elepic.active:before,
.icon-elepic:hover:before {
    background: url(images/cafe-toolsbar/icon-ele-pic-hover.png) center;
}
.icon-elepic:before {
    background: url(images/cafe-toolsbar/icon-ele-pic.png) center;
}

.icon-location.active:before,
.icon-location:hover:before {
    background: url(images/cafe-toolsbar/icon-location-hover.png) center;
}

.icon-station:before {
    background: url(images/cafe-toolsbar/icon-station.png) center;
}

.icon-station.active:before,
.icon-station:hover:before {
    background: url(images/cafe-toolsbar/icon-station-hover.png) center;
}

.icon-layer:before {
    background: url(images/cafe-toolsbar/icon-layer.png) center;
}

.icon-layer.active:before,
.icon-layer:hover:before {
    background: url(images/cafe-toolsbar/icon-layer-hover.png) center;
}
.icon-gistools.active:before,
.icon-gistools:before {
    background: url(images/cafe-toolsbar/icon-gistools.png) center;
}

.icon-gistools.active:before,
.icon-gistools:hover:before {
    background: url(images/cafe-toolsbar/icon-gistools-hover.png) center;
}

.icon-intime:before {
    background: url(images/cafe-toolsbar/icon-intime.png) center;
}
.icon-intime.active:before,
.icon-intime:hover:before {
    background: url(images/cafe-toolsbar/icon-intime-hover.png) center;
}

.icon-grid:before {
    background: url(images/cafe-toolsbar/icon-grid.png) no-repeat center;
}

.icon-geography:before {
    background: url(images/cafe-toolsbar/icon-geography.png) center;
}

.icon-geography.active:before,
.icon-geography:hover:before {
    background: url(images/cafe-toolsbar/icon-geography-hover.png) center;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-right ul li.active {
	background-color: rgba(0, 0, 0, 0.15);
}

.cafe-busis-toolsbar-right li>div {
    position: absolute;
    display: flex;
    width: 104px;
    padding: 0;
    margin-left: -9px;
    flex-direction: column;
    text-align: center;
    background-color: rgba(28, 111, 195, 0.9);
    box-shadow: 0 0px 2px rgba(70, 70, 70, 0.5);
}
.cafe-busis-toolsbar-right li>div span {
    height: 35px;
    line-height: 35px;
}
.cafe-busis-toolsbar-right li>div span.active {
	background-color: rgba(0, 0, 0, 0.15);
}
.cafe-busis-toolsbar-right li>div span:hover {
	background-color: rgba(0, 0, 0, 0.15);
}
.cafe-at-gistools span:before {
	content: "";
    float: left;
    width: 18px;
    height: 100%;
    margin-left: 20px;
    margin-right: 8px;
}
.cafe-at-gistools .enlarge:before {
    background: url(images/cafe-toolsbar/icon-enlarge.png) no-repeat center;
}
.cafe-at-gistools .narrow:before {
    background: url(images/cafe-toolsbar/icon-narrow.png) no-repeat center;
}
.cafe-at-gistools .distance:before {
    background: url(images/cafe-toolsbar/icon-distance.png) no-repeat center;
}
.cafe-at-gistools .area:before {
    background: url(images/cafe-toolsbar/icon-area.png) no-repeat center;
}
.cafe-at-gistools .drawing:before {
    background: url(images/cafe-toolsbar/icon-drawing.png) no-repeat center;
}
.cafe-at-gistools .changemap,
.cafe-at-gistools .zcd,
.cafe-at-gistools .windspeed,
.cafe-at-gistools .windbar  {
	text-align: center;
}
.cafe-at-gistools .changemap:before,
.cafe-at-gistools .zcd:before,
.cafe-at-gistools .windspeed:before,
.cafe-at-gistools .windbar:before {
	display: none;
}

.cafe-busis-toolsbar .cafe-at-warning {
    position: absolute;
    display: flex;
    width: 145px;
    padding: 0;
    margin-left: -9px;
    flex-direction: column;
    background-color: rgba(28, 111, 195, 0.9);
    box-shadow: 0 0px 2px rgba(70, 70, 70, 0.5);
}
.cafe-busis-toolsbar .cafe-at-warning span {
    height: 35px;
    line-height: 35px;
}
.cafe-busis-toolsbar .cafe-at-warning span.active {
	background-color: rgba(0, 0, 0, 0.15);
}
.cafe-busis-toolsbar .cafe-at-warning span:hover {
	background-color: rgba(0, 0, 0, 0.15);
}
.cafe-at-warning span:before {
	content: "";
    float: left;
    width: 18px;
    height: 100%;
    margin-left: 6px;
    margin-right: 8px;
}
.cafe-busis-toolsbar .cafe-at-station {
    position: absolute;
    display: flex;
    width: 104px;
    padding: 0;
    margin-left: -9px;
    flex-direction: column;
    text-align: center;
    background-color: rgba(28, 111, 195, 0.9);
    box-shadow: 0 0px 2px rgba(70, 70, 70, 0.5);
}
.cafe-at-station span.cas-station {
    float: left;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
}
.cafe-at-station span.cas-station:before {
    content: "";
    float: left;
    width: 13px;
    height: 100%;
    margin-left: 20px;
    margin-right: -8px;
    background: url(images/cafe-toolsbar/icon-checkbox.png) no-repeat center;
}
.cafe-at-station span.cas-station.active:before {
    background: url(images/cafe-toolsbar/icon-checkedbox.png) no-repeat center;
}
.warning_publish:before{
    background: url(images/cafe-toolsbar/icon-publish.png) no-repeat center;
}
.warning_publish.active:before, .warning_publish:hover:before{
    background: url(images/cafe-toolsbar/icon-publish-hover.png) no-repeat center;
}
.current_warning:before{
    background: url(images/cafe-toolsbar/icon-current.png) no-repeat center;
}
.current_warning.active:before, .current_warning:hover:before{
    background: url(images/cafe-toolsbar/icon-current-hover.png) no-repeat center;
}
.warning_query:before{
    background: url(images/cafe-toolsbar/icon-query.png) no-repeat center;
}
.warning_query.active:before, .warning_query:hover:before{
    background: url(images/cafe-toolsbar/icon-query-hover.png) no-repeat center;
}
.layerpartnt{
	font-size: 16px;
    padding-left: 5px;
    height: 30px;
    text-align: left;
    line-height: 30px;
}
.layerson{
	display: flex;
    flex-direction: column;
}
.cafe-at-layerManager span[category='check']:before {
    content: "";
    float: left;
    width: 13px;
    height: 100%;
    margin-left: 20px;
    margin-right: -8px;
    background: url(images/cafe-toolsbar/icon-checkbox.png) no-repeat center;
}
.cafe-at-layerManager span[category='check'].active:before{
    background: url(images/cafe-toolsbar/icon-checkedbox.png) no-repeat center;
}